<!doctype html>
<html>
<head class="app">
    <title>囧么肥事</title>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html;"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
    <meta name="renderer" content="webkit">
    <!-- 目录页样式 S -->
    <link rel="stylesheet" type="text/css" media="screen" href="../../static/css/directory.css"/>
    <!-- 目录页样式 E -->
</head>

<body>
<div id="index">
    <p class="page-title"><span>{{ pageTitle }}</span></p>

    <div class="ui-timeLine">
        <a v-for="item in articles" class="item">
            <div class="line"></div>
            <div class="dot"></div>
            <div class="box">
                <div class="cbox" style="cursor:pointer;" @click="to_article_detail(articlesPrefix + item.title)">
                    <div class="title">{{articlesPrefix}}{{item.title}}</div>
                </div>
            </div>
        </a>
        <div class="activeLine"></div>
    </div>
</div>
<!--vue S-->
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="https://www.jq22.com/jquery/vue.min.js"></script>
<!--vue E-->

<!--通用js S-->
<script src="../../static/js/common.js" type="text/javascript"></script>
<!--通用js E-->

<!--目录相关js S-->
<script src="../../static/js/directory.js" type="text/javascript"></script>
<!--目录相关js E-->
<script>
  const vue_data = new Vue({
    el: "#index",
    data: {
      pageTitle: '【Kubernetes面试小炒必读必知系列】',
      articlesPrefix: '',
      articles: [
        {title: '云原生新时代弄潮儿k8s凭什么在容器化方面独树一帜？'},
        {title: '趁着同事玩游戏偷偷认识k8s一家子补补课'},
        {title: 'Kubernetes家族容器小管家Pod在线答疑？'},
        {title: '同事提出个我从未想过的问题，为什么Kubernetes要"多此一举"推出静态Pod概念？'},
        {title: '探针配置失误，线上容器应用异常死锁后，kubernetes集群未及时响应自愈重启容器？'},
        {title: 'kubernetes集群之Pod说能不能让我体面的消亡呀？'},
        {title: 'k8s家族Pod辅助小能手Init容器认知答疑？'},
        {title: 'k8s初面考点ReplicaSet副本集极限9连击你懂了吗？'},
        {title: 'k8s生产环境想要对某个Pod排错、数据恢复、故障复盘有什么办法？'},
        {title: '跟k8s工作负载Deployments的缘起缘灭'},
        {title: 'k8s集群StatefulSets的Pod调度查询丢失问题？'},
        {title: 'k8s集群StatefulSets的Pod优雅调度问题思考？'},
        {title: 'k8s集群线上某些特殊情况强制删除 StatefulSet 的 Pod 隐患考虑？'},
      ],
    },
    mounted: function () {
      $(".ui-timeLine").uiTimeLine();
    },
    methods: {
      to_article_detail(url) {
        window.open(url + '.html', "_blank");
      }
    }
  });
</script>
</body>
</html>
